
    <form nz-form [formGroup]="validateForm" class="ant-advanced-search-form">
      <div nz-row [nzGutter]="24">
        @for (control of controlArray; track control) {
          <div nz-col [nzSpan]="8" [hidden]="!control.show">
            <nz-form-item>
              <nz-form-label [nzFor]="'field' + control.index">Field {{ control.index }}</nz-form-label>
              <nz-form-control>
                <input
                  nz-input
                  placeholder="placeholder"
                  [formControlName]="'field' + control.index"
                  [attr.id]="'field' + control.index"
                />
              </nz-form-control>
            </nz-form-item>
          </div>
        }
      </div>
      <div nz-row>
        <div nz-col [nzSpan]="24" class="search-area">
          <button nz-button [nzType]="'primary'">Search</button>
          <button nz-button (click)="resetForm()">Clear</button>
          <a class="collapse" (click)="toggleCollapse()">
            Collapse
            <span nz-icon [nzType]="isCollapse ? 'down' : 'up'"></span>
          </a>
        </div>
      </div>
    </form>
    <div class="search-result-list">Search Result List</div>
  